/* * {
    border-width: 0px;
    border-color: green;
}

*:focus {
    border-color: red;
    border-width: 0px;
} */

.header {
    background-color: #3d393a;
    layout-type: row;
    height: 100px;
    child-space: 10px;
    col-between: 20px;
}

.header>.spacer {
    background-color: #0d0d0d;
    width: 1px;
    height: 60%;
    top: 1s;
    bottom: 1s;
}

.header>.control_bar {
    width: 250px;
}

.control_bar>label {
    color: #a5a5a5;
    child-space: 1s;
    child-left: 5px;
}

.control_bar textbox {
    color: white;
}

.control_bar>.controls {
    child-space: 5px;
    col-between: 5px;
}

.control_bar>.controls>textbox {
    width: 40px;
    child-space: 1s;
}

.control_bar>.controls>label {
    child-space: 1s;
}

.control_bar>.controls>button {
    child-space: 1s;
}

.control_bar>.controls>dropdown {
    width: 100px;
}

button:disabled {
    color: #555555;
}

button:hover {
    background-color: #494546;
}

button:active {
    background-color: #302d2e;
}



check_button {
    /* center text */
    child-space: 1s;
}

dropdown label {
    child-space: 1s;
}

scroll_container {
    height: 1s;
    background-color: #403b3b;
}

scroll_container>.scrollbar {
    width: 0px;
    height: 0px;
}

scroll_containerh {
    width: 1s;
    background-color: #403b3b;
}

scroll_containerh>.scrollbar {
    width: 0px;
    height: 0px;
}

scrollbar {
    background-color: #2b2728;
    border-width: 1px;
    border-color: #2b2728;
}

scrollbar>.front {
    background-color: #635e5f;
    border-radius: 3px;
}

knob {
    background-color: #d1c9d1;
    border-radius: 38px;
    border-width: 2px;
    border-color: black;
}

knob>.value_track {
    background-color: #4f4f4f;
    radius: 30px;
    span: 0px;
}

knob>.value_track>.active {
    background-color: #ffb74d;
}



